import React, { useEffect } from 'react';
import { withRouter } from 'react-router-dom';
import { Button } from 'antd';
import style from './index.module.less';
import Slider from 'react-slick';

const Start = (props) => {
    const settings = {
        className: 'center',
        centerMode: true,
        infinite: true,
        centerPadding: '60px',
        slidesToShow: 3,
        speed: 500,
    };
    function handleStart() {
        props.history.push('/app/publishCase/index?type=3');
    }
    return (
        <>
            {/* <div className={`h2 ${style.start_title}`}>客户好评</div>
            <div className={`h3 ${style.h3}`}>积极沟通、定制方案、成功发表，是我们的共同目标</div>
            <div className={`h3 ${style.h3}`}>利他助他、与客户成为伙伴，是我们期待的最佳状态</div> */}
            <div className={style.start_body}>
                <div className={style.start_left}>
                    <div className={style.start_title}>客户好评</div>
                    <Button onClick={handleStart}>查看更多</Button>
                </div>
                <div className={style.start_right}>
                    <iframe
                        src="./swiper.html"
                        frameborder="0"
                        style={{ width: '100%', height: '100%' }}
                    ></iframe>
                </div>
            </div>
            {/* <div className={`slider-container ${style.slider_container}`}>
                <Slider {...settings}>
                    <div className={style.sliderItem}>
                        <h3>1</h3>
                    </div>
                    <div className={style.sliderItem}>
                        <h3>2</h3>
                    </div>
                    <div className={style.sliderItem}>
                        <h3>3</h3>
                    </div>
                    <div className={style.sliderItem}>
                        <h3>4</h3>
                    </div>
                    <div className={style.sliderItem}>
                        <h3>5</h3>
                    </div>
                    <div className={style.sliderItem}>
                        <h3>6</h3>
                    </div>
                </Slider>
            </div> */}
        </>
    );
};

export default withRouter(Start);
